/* font size, weight */
@mixin large-title {
    font-size: 1.375rem;
    font-weight: 500;
}

@mixin mid-title {
    font-size: 1rem;
    font-weight: 500;
}

@mixin small-title {
    font-size: 0.875rem;
    font-weight: 500;
}

@mixin plain-text {
    font-size: 0.75rem;
    font-size: 300;
}


/* color */
$bg-white: #FFFFFF;
$bg-yellow-light: #FFF6E6;
$bg-yellow-normal: #FDEFD8;
$bg-red-light: #F3CAB0; 
$bg-red-normal: #F0BD9C;
$bg-gray-light: #F1F1F180;
$bg-gray-normal: #F1F1F1;
$font-brown: #571C00;
$font-black-light: #1D1D1D;
$font-black-normal: #000000;

$vns: () !default;
$vns: map-merge($map1: (
    "default": #a09daf,
    "emphasis": #a85e5e,
    "suspense": #ea9081,
    "comparison": #efbd9c,
    "cohering": #e2cc6d,
    "omission": #c0c96f,
    "focalization": #799ea8,
    "concretization": #48819b,
    "twist": #706a91
), $map2: $vns);

@each $name, $color in $vns {
    .vns-#{$name} {
        background-color: $color !important;
    }

    .#{$name} .reminder-symbol,
    .#{$name} .card-header {
        background-color: $color !important;
    }
}


/* letter spacing */
@for $width from 1 through 10 {
    .narrow-spacing-#{$width} {
        letter-spacing: (-0.1px * $width) !important;
    }
}